<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <title>Home</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!--Google Font link-->
    <link href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">


    <link rel="stylesheet" href="../css/slick/slick.css">
    <link rel="stylesheet" href="../css/slick/slick-theme.css">
    <link rel="stylesheet" href="../css/animate.css">
    <link rel="stylesheet" href="../css/iconfont.css">
    <link rel="stylesheet" href="../css/font-awesome.min.css">
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/magnific-popup.css">
    <link rel="stylesheet" href="../css/bootsnav.css">
    <link rel="stylesheet" href="../css/new.css">

    <!-- xsslider slider css -->
    <!--<link rel="stylesheet" hrIDIS_FRONTsets/css/xsslider.css">-->

    <!--For Plugins external css-->
    <!--<link rel="stylesheet" hrIDIS_FRONTsets/css/plugins.css" />-->

    <!--Theme custom css -->
    <link rel="stylesheet" href="../css/style.css">
    <!--<link rel="stylesheet" hrIDIS_FRONTsets/css/colors/maron.css">-->

    <!--Theme Responsive css-->
    <link rel="stylesheet" href="../css/responsive.css" />

    <script src="../js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
</head>

<body data-spy="scroll" data-target=".navbar-collapse">


<div class="culmn">
    <!--Home page style-->


    <nav class="navbar navbar-default bootsnav navbar-fixed">


        <!-- Start Top Search -->
        <div class="top-search">
            <div class="container">
                <div class="input-group">
                    <span class="input-group-addon"><i class="fa fa-search"></i></span>
                    <input type="text" class="form-control" placeholder="Search">
                    <span class="input-group-addon close-search"><i class="fa fa-times"></i></span>
                </div>
            </div>
        </div>
        <!-- End Top Search -->


        <div class="container">
            <div class="attr-nav">
                <ul>
                    <li class="search"><a href="#"><i class="fa fa-search"></i></a></li>
                </ul>
            </div>

            <!-- Start Header Navigation -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
                    <i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand" href="#brand">
                    <img src="../images/logo.png" class="logo" alt="">
                    <!--<img sIDIS_FRONTsets/images/footer-logo.png" class="logo logo-scrolled" alt="">-->
                </a>

            </div>
            <!-- End Header Navigation -->


            <!-- navbar menu -->
            <div class="collapse navbar-collapse" id="navbar-menu">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="index">首页</a></li>
                    <li><a href="abstract">工作室简介</a></li>
                    <li><a href="works">工作室作品</a></li>
                    <li><a href="teacher">指导老师介绍</a></li>
                    <li><a href="member">成员介绍</a></li>
                    <li><a href="contact">联系我们</a></li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div>

    </nav>


    <!--内容-->
<div class="container">
    <div class="row idis-content" id="contact">
        <!--<div class="col-md-4 col-sm-6 col-md-offset-1">-->
            <!--<img src="../images/test.jpg" width="100%" height="100%" id="image">-->
        <!--</div>-->
        <!--<div class="col-md-6 col-sm-6 idis-content-right">-->
            <!--<h1 class="page-header">联系方式</h1>-->
            <!--<p>-->
            <!--</p>-->
        <!--</div>-->
    </div>
</div>
</div>

    <!--底部-->
    <footer>
        <div class="main_footer fix bg-mega text-center p-top-40 p-bottom-30 m-top-80">
            <div class="col-md-12">
                <p class="wow fadeInRight" data-wow-duration="1s"> SCAU Copyright © 2018 SCAU IDIS All rights reserved.</p>
            </div>
        </div>
    </footer>

<script src="../js/vendor/jquery-1.11.2.min.js"></script>
<script src="../js/vendor/bootstrap.min.js"></script>
<script src="IDIS_FRONT/js/owl.carousel.min.js"></script>
<script src="../js/jquery.magnific-popup.js"></script>
<script src="../js/jquery.easing.1.3.js"></script>
<script src="../css/slick/slick.js"></script>
<script src="../css/slick/slick.min.js"></script>
<script src="../js/jquery.collapse.js"></script>
<script src="../js/bootsnav.js"></script>
<script src="../js/plugins.js"></script>
<script src="../js/main.js"></script>
<script src="../js/main.js"></script>
<script src="../js/ajaxfileupload.js"></script>

<script>
    $(document).ready(function uploadImage(){
        //不会写ajax就早点说，别最后还特么我来
        $.ajax({
            type: "GET",
            url: "/show/contact",
            dataType: "json",
            success: function(data) {
                $.each(data.contact, function(i, item) {
                    //alert(item.name);
                    $("#contact").append(                                                  //把遍历到的内容追击到id为content的div中；
                    '<div class="col-md-4 col-sm-6 col-md-offset-1">'+
                        '<img src="'+item.picture+'" width="100%" height="100%" id="image">'+
                        '</div>'+
                        '<div class="col-md-6 col-sm-6 idis-content-right">'+
                        '<h1 class="page-header">联系方式</h1>'+
                        '<p>'+
                            item.contact1+
                            '</p>'+
                            '<p>'+
                            item.contact2+
                        '</p>'+
                        '<p>'+
                        item.contact3+
                        '</p>'
                )
                });
            },
            error: function(jqXHR){
                alert("发生错误：" + jqXHR.status);
            }

    });
    });


</script>
</body>
</html>